<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!--<script src="lib/jquery.min.js"></script>-->
    <!--<script src="lib/jsonp.js"></script>-->
    <!--<script src="lib/jweixin-1.1.0.js"></script>-->
    <!--<script src="lib/art-template.js"></script>-->

    <script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
    <script src="http://img.meizhanggui.cc/lib/jsonp.js"></script>
    <script src="http://img.meizhanggui.cc/lib/art-template.js"></script>
    <script src="http://img.meizhanggui.cc/lib/jweixin-1.1.0.js"></script>

    <script src="initMap.js"></script>
    <script src="main.js"></script>
    <script src="http://img.meizhanggui.cc/lib/routie.js"></script>
    <script src="http://img.meizhanggui.cc/lib/layer.js"></script>
    <link href="css/style.css" rel="stylesheet">
</head>
<body>

<div id="loading">
    <div class="shade"></div>
    <div class="load-body">
        <div class="area">
            <div class="bar">
                <div class="bar-light"></div>
            </div>
        </div>
        <p><span>正在加载中</span>...</p>
    </div>
</div>
<div class="main-body"></div>

<script type="text/html" id="question">
    <div class="tips">
        管理员会将您的问题推送给适合您的纹身师
    </div>

    <div class="blank-sm"></div>

    <div class="row">
        <label>想纹什么</label>
        <input data-dom="want" placeholder="填写想纹的图案类型" maxlength="20">
    </div>
    <div class="row">
        <label>纹身部位</label>
        <input data-dom="part" placeholder="如：手臂、背部、腿部" maxlength="20">
    </div>
    <div class="row">
        <label>预算</label>
        <input data-dom="amount" placeholder="您的预算，必填" maxlength="7" type="tel">
    </div>
    <div class="row">
        <label>补充需求</label>
        <textarea data-dom="supply" placeholder="若还有其他需求，可在此说明" rows="3" maxlength="500"></textarea>
    </div>

    <div class="blank-sm"></div>

    <div class="row">
        <label>所在省份</label>
        <select data-dom="province">
            <option value="" disabled selected>必填</option>
            {{each prolist as name code}}
            <option value="{{code}}">{{name[0]}}</option>
            {{/each}}
        </select>
    </div>
    <div class="row">
        <label>所在城市</label>
        <select data-dom="city">
            <option value="" disabled>必填</option>
        </select>
    </div>

    <div class="blank-sm"></div>

    <div class="row">
        <label>手机号</label>
        <input data-dom="phonenum" placeholder="手机号" type="tel" maxlength="11">
    </div>
    <div data-event="sendCaptcha" data-dom="btnCaptcha" class="btn-captcha">发送验证码</div>
    <div class="row">
        <label>验证码</label>
        <input data-dom="captcha" placeholder="验证码" type="tel" maxlength="6">
    </div>

    <div class="blank-sm"></div>

    <div class="row">
        <label>添加个人照片或想纹的图案(选填)</label>

        <div class="img-area" data-dom="imgArea">
            <div data-event="selectImg" data-dom="selectImg" class="img img-add"></div>
        </div>
    </div>
    <div data-event="sendInfo" class="send-info">完成</div>
</script>

<script type="text/html" id="recommend">
    {{each list as user,index}}
    <div class="tattooCard">
        <div class="up" style="background-image: url({{user.banner}})">
            <div class="avatar">
                <img src="{{user.avatar}}?imageView/1/w/80/h/80">
            </div>
            <div class="info">
                <h1>{{user.nickname}}</h1>

                <p>{{user.companyName}}</p>
            </div>
        </div>
        <div class="down">
            <div class="btn-wechat" data-event="viewWechat({{user.wxNum}})">
                <img class="icon" src="img/ic_wechat.png">
                <span>微信咨询</span>
            </div>
            <div class="lr"></div>
            <div class="btn-card" data-event="viewCard({{user.userId}})">
                <img class="icon" src="img/ic_card.png">
                <span>查看作品</span>
            </div>
        </div>
    </div>
    {{/each}}

    <div id="dialog" data-dom="dialog">
        <div class="shade" data-event="clostDialog">

        </div>
        <div class="body">
            <div class="title">
                <img class="icon" src="img/ic_wechat.png">
                <span>长按下方微信号以便复制</span>
            </div>
            <div class="content">
                <p data-dom="wxnum">
                </p>
            </div>
        </div>
    </div>
</script>

<script type="text/html" id="result">
    <div>
        <img src="img/img_success.png">
    </div>
    <h2>
        已成功向纹身师推送您的咨询!
    </h2>
</script>

<script type="text/html" id="error">

</script>

</body>
</html>